.px2rem(@name, @px) {
    @{name}: @px / 75 * 1rem;
};
body{
	background-color:#eeeeee;
	
}
.header{
      position: fixed;
      left:0;
      top:0;
      width: 100%;
      z-index: 999;
	.px2rem(height,90);
	display: flex;
	justify-content: center;
	align-items: center;
	background-color:#ffffff;
	form{
    flex:1;
	text-align:center;	
	position: relative;  	
       	left:0;
       	top:0;
       input{
       	padding-left:10%;
       	width: 80%;	
       	.px2rem(height,50);
       	.px2rem(font-size,30);
       	background-color:#f5f5f3;
       	border:none;
       	outline:none;

       }
       .is{
       	position: absolute;
       	left:8%;
       	top:18%;
       	.px2rem(font-size,30);
       	color:#ccc;
       }
	}
      a{
       padding:3%;
         span{
                  .px2rem(font-size,40);           
       }   
      }
	
}

main{ 
      margin-top:12%;
      .fig{
         margin-top:2%;    
      img{
            width: 100%;
      }
}
      section{
            background-color:#fff;
              padding:0 2%;
            .pes{
                   .px2rem(font-size,36); 
                  display: flex;
                  align-items: center;
                  padding:3% 0;

                  span{
                   flex:1;
                   color:#f0c97c;
                   padding-left:3%;
                  }
                  i{
                  
                    .px2rem(font-size,40); 
                  }
               }
            .fig{
                 text-align:center; 
                 margin:0;     
            }
      .foontdiv{
            p{
                 padding-top:3%;
            }
            p:nth-child(1){
                  display: flex;
                  align-items: center;
                i{
                  color:#f7b423;
                   .px2rem(font-size,32); 
                }
                i:nth-child(1){
                  .px2rem(font-size,50); 
                }
                  i:nth-child(4){
                 padding-left:3%;
                }
                  span{
                        width: 15%;
                       text-align:center;
                          .px2rem(font-size,32); 
                  }
            }
             p:nth-child(2){
               .px2rem(font-size,38);    
             }
              p:nth-child(3){
               .px2rem(font-size,24); 
               color:#999;
               line-height: 1.4;   
             }
             p:nth-child(4){
              display: flex;
              align-items: center;
              span:nth-child(1){
                  flex:1;
              }
              i{
                  .px2rem(font-size,44); 
                  padding:2%;
                   color:#f7b423;
              }
              .sp1,.sp2{
                   color:#f7b423; 
              }
             }
      }
      }
}